<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
	String path = request.getContextPath();
	String bpath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta name="viewport"
	content="width=device-width,user-scalable=no, initial-scale=1" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=9" />
<meta http-equiv="pragma" content="no-cache" />
<title>井冈山智慧社区官方微网站</title>
<script type="text/javascript"
	src="<%=bpath%>Scripts/jquery/jquery-1.7.1.min.js"></script>


<link type="text/css" rel="stylesheet" href="<%=bpath%>/pages/MicroSite/css/public.css" />
<link type="text/css" rel="stylesheet" href="<%=bpath%>/pages/MicroSite/css/style.css" />
<link type="text/css" rel="stylesheet" href="<%=bpath%>/pages/MicroSite/css/articlePage.css" />
<link type="text/css" rel="stylesheet" href="<%=bpath%>/pages/MicroSite/css/mainMenu.css" />
<script type="text/javascript" src="<%=bpath%>/Scripts/common/asynPage.js" />
<script type="text/javascript" src="<%=bpath%>/pages/MicroSite/js/swipe.js" />

<script type="text/javascript" src="<%=bpath%>/pages/MicroSite/js/alert.js"></script>
<script type="text/javascript" src="<%=bpath%>/pages/MicroSite/js/common.js"></script>
<script type="text/javascript" src="<%=bpath%>/pages/MicroSite/js/ajaxPage.js"></script>



<script type="text/javascript">
 $(function() {
		var categoryID = ${data.categoryID};
		categoryMenu(categoryID);
	}); 
	

	$(document).ready(function(){
		$(".scroll_prev").click(function(){
			var mod_index = document.getElementById('indexScroll');
			newSwipe('indexScroll', 'indexScroll_pager', 'indexScroll_prev', 'indexScroll_next');
		});
		
		
		$(".scroll_next").click(function(){
			newSwipe('proScroll', 'proScroll_pager', 'proScroll_prev', 'proScroll_next');
		});
	});
	
</script>

</head>
<body>
	<div class="header">
		<a class="back"><p></p></a>
		<!-- <a href="#"><p></p></a>
	    <a class="contect"><p></p></a> -->
		<a></a> <a></a> <a class="links"><p></p></a>
	</div>
	<div data-role="listview" class="list-content">
		<div id="tbodyPage"></div>
		<ul class="list" id="tbodyPage"></ul>
		<div id="paging" class="page"></div>

	</div>

	<!-- <div class="footer">
    <p class="footer-top">&COPY;环境保护局</p>
   
</div> -->



	<div class="mainbox">

		<div class="module">
			<div id="indexScroll" class="index_scroll"
				style="visibility: visible;">
				<ul style="width: 1652px;" id="menu_li">
					
					<!-- 
					 <li class="screen" data-index="0" style="width: 413px; left: 0px; transition: all 0ms ease 0s; transform: translateX(0px);">
						<div class="index_con white">
							
							
							<div class="box ratio4_3">
								<div class="box-content">
									<a href="About_dc.html"><p>
											<img src="wapimages/icon100-01.png"><span>栏目一</span>
										</p></a>
								</div>
							</div>
							
							<div class="box ratio4_3">
								<div class="box-content">
									<a href="About_v1.htm"><p>
											<img src="wapimages/icon100-12.png"><span>栏目二</span>
										</p></a>
								</div>
							</div>
							<div class="box ratio4_3">
								<div class="box-content">
									<a href="About_v2.htm"><p>
											<img src="wapimages/icon100-12.png"><span>栏目三</span>
										</p></a>
								</div>
							</div>
							<div class="box ratio4_3">
								<div class="box-content">
									<a href="About_dj.html"><p>
											<img src="wapimages/icon100-03.png"><span>栏目四</span>
										</p></a>
								</div>
							</div>
						</div>
					</li>
				
					 <li class="screen" data-index="1" style="width: 413px; left: -413px; transition: all 0ms ease 0s; transform: translateX(413px);">
						<div class="index_con white">
							<div class="box ratio4_3">
								<div class="box-content">
									<a href="About_jm.html"><p>
											<img src="wapimages/icon100-04.png"><span>栏目五</span>
										</p></a>
								</div>
							</div>
							<div class="box ratio4_3">
								<div class="box-content">
									<a href="Wei_cj.html"><p>
											<img src="wapimages/icon100-06.png"><span>栏目六</span>
										</p></a>
								</div>
							</div>
							<div class="box ratio4_3">
								<div class="box-content">
									<a href="About_dj.html"><p>
											<img src="wapimages/icon100-07.png"><span>栏目七</span>
										</p></a>
								</div>
							</div>
							<div class="box ratio4_3">
								<div class="box-content">
									<a href="About_qcjy.html"><p>
											<img src="wapimages/icon100-08.png"><span>栏目八</span>
										</p></a>
								</div>
							</div>
						</div>
					</li>
					<li current="1" class="screen" data-index="2" 	style="width: 413px; left: -826px; transition: all 0ms ease 0s; transform: translateX(413px);">
						<div class="index_con">
							<div class="box ratio4_3">
								<div class="box-content">
									<a href="About_dm.html"><p>
											<img src="wapimages/icon100-09.png"><span>栏目九</span>
										</p></a>
								</div>
							</div>
							<div class="box ratio4_3">
								<div class="box-content">
									<a href="About_pl.html"><p>
											<img src="wapimages/icon100-10.png"><span>栏目十</span>
										</p></a>
								</div>
							</div>
							<div class="box ratio4_3">
								<div class="box-content">
									<a href="Shoplist.html"><p>
											<img src="wapimages/icon100-11.png"><span>栏目十一</span>
										</p></a>
								</div>
							</div>
							<div class="box ratio4_3">
								<div class="box-content">
									<a href="About_jy.html"><p>
											<img src="wapimages/icon100-05.png"><span>栏目十二</span>
										</p></a>
								</div>
							</div>
						</div>
					</li>
					<li class="screen" data-index="3" style="width: 413px; left: -1239px; transition: all 0ms ease 0s; transform: translateX(413px);">
						<div class="index_con white">
							<div class="box ratio4_3">
								<div class="box-content">
									<a href="Dazhuanpan.html"><p>
											<img src="wapimages/icon100-13.png"><span>栏目十三</span>
										</p></a>
								</div>
							</div>
							<div class="box ratio4_3">
								<div class="box-content">
									<a href="About_jm.html"><p>
											<img src="wapimages/icon100-04.png"><span>栏目十四</span>
										</p></a>
								</div>
							</div>
							<div class="box ratio4_3">
								<div class="box-content">
									<a href="Wei_cj.html"><p>
											<img src="wapimages/icon100-06.png"><span>栏目十五</span>
										</p></a>
								</div>
							</div>
							<div class="box ratio4_3">
								<div class="box-content">
									<a href="About_jhdj.html"><p>
											<img src="wapimages/icon100-07.png"><span>栏目十六</span>
										</p></a>
								</div>
							</div>
						</div>
					</li>  -->
				</ul>
			</div>
			<a href="javascript:;" class="scroll_prev" id="indexScroll_prev"><span
				class="icon1"></span></a> 
			<a href="javascript:;" class="scroll_next"
				id="indexScroll_next"><span class="icon1"></span></a>
		</div>

	</div>


	<div class="touch" style="display: none">
		<div class="touch-content">
			<div class="touch-bj-1">
				<a href="tel_3A400-102-8822">
					<p class="icon tel"></p>
					<p class="text">一键拨号</p>
				</a>
			</div>
		</div>
	</div>

	<div class="sidebar">
		<a href="index.html">
			<p class="text">首页</p>
			<p class="pic"></p>
		</a> <a href="#">
			<p class="text">机构职能</p>
			<p class="pic"></p>
		</a><a href="#">
			<p class="text">环保新闻</p>
			<p class="pic"></p>
		</a><a href="#">
			<p class="text">工作动态</p>
			<p class="pic"></p>
		</a><a href="#">
			<p class="text">环保公文</p>
			<p class="pic"></p>
		</a><a href="#">
			<p class="text">环保公告</p>
			<p class="pic"></p>
		</a><a href="#">
			<p class="text">政策法规</p>
			<p class="pic"></p>
		</a><a href="#">
			<p class="text">污染投诉</p>
			<p class="pic"></p>
		</a>
	</div>

	<div class="bj" style="display: none"></div>
</body>
</html>